<template>
  <div>
    <div>ant</div>
    <div>
      <a-button>按钮</a-button>
      <a-button type="primary" disabled="true">按钮</a-button>
      <a-button type="primary" ghost="true">按钮</a-button>
      <a-button type="dashed">按钮</a-button>
      <a-button type="text">按钮</a-button>
      <a-button type="link">按钮</a-button>
      <a-button danger shape="round">按钮</a-button>
      <a-button size="large">按钮</a-button>
      <a-button loading="true">按钮</a-button>
    </div>
    <div>
      layout 布局
      <a-layout>
        <Header />
        <a-layout-content>
          <a-layout>
            <Slider />
            <a-layout-content style="padding: 0 24px 24px"> Content </a-layout-content>
          </a-layout>
        </a-layout-content>

        <a-layout-footer>Footer</a-layout-footer>
      </a-layout>
    </div>
  </div>
</template>

<script setup lang="ts">
import Header from './LayoutPages/Header.vue'
import Slider from './LayoutPages/Slider.vue'
</script>

<style scoped></style>
